<#include "macro/layout.ftl" />
<@layout title="JEKI-${activeDomain.name!}">

    <div class="page-domain row">
        <div class="col-sm-12">
            <div class="jumbotron">
                <span>${activeDomain.name!}</span>
                <h2>${activeDomain.intro!}</h2>
            </div>
            <ul class="nav nav-tabs">
                <li role="presentation" class="active" data-toggle="tab"><a href="">全部</a></li>
                <#list tagList as tag>
                <li role="presentation" data-toggle="tab" <#if activeTag.code! == tag.code > class="active" </#if> ><a href="${ctxPath}/domain-tag/${activeDomain.code}/${tag.code!}">${tag.name!}</a></li>
                </#list>
            </ul>

            <ul class="media-list">
                <#list articleList as article>
                    <li class="media">
                        <div class="media-left">
                            <a href="#">
                                <img class="media-object" data-src="holder.js/64x64" alt="64x64" src="" data-holder-rendered="true" style="width: 64px; height: 64px;">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading"><a href="${ctxPath}/article/${article.id}.html" title="${article.title!}" target="_blank">${article.title!}</a></h4>
                            <p>
                                <span class="author">作者:<@rober.user userId="${article.createdBy!}"></@rober.user></span>
                                <span class="time">${article.createdTime}</span>
                            </p>
                            <p class="content">${article.snapshotContent!}</p>
                            <div class="section">
                                <p>
                                    <span class="reading">${article.viewCount}阅读</span>
                                    <span class="comment">${article.commentCount}评论</span>
                                </p>
                                <p class="share">
                                    <b>分享到:</b>
                                    <span><i class="fa fa-weixin"></i></span>
                                    <span><i class="fa fa-weibo"></i></span>
                                    <span><i class="fa fa-qq"></i></span>
                                </p>
                            </div>
                        </div>
                    </li>
                </#list>
            </ul>


        </div>
    </div>
</@layout>